<template>
	<view class="jianjie">
		<view class="f-brk" :class="{thide3:isthide3}">
			{{description}}
		</view>
		<uni-icons @click="zhankai" class="icon" :type="yangshi" size="15"></uni-icons>
	</view>
</template>

<script>
	import uniIcons from "@/components/uni-icons/uni-icons.vue"
	export default {
		props:['description'],
		methods:{
			zhankai(){
				this.isthide3 = !this.isthide3
				if(this.isthide3 === true){
					this.yangshi = 'arrowdown'
				}else{
					this.yangshi = 'arrowup'
				}
			}
		},
		data() {
			return {
				yangshi:'arrowdown',
				isthide3:true
			}
		},
		components: {uniIcons}
	}
</script>

<style lang="scss">
	.jianjie{
		width: 100%;
		margin-top: 20rpx;
		.f-brk{
			width: 90%;
			margin: auto;
			white-space: normal;
			color: #666;
			font-size: 28rpx;
		}
		.thide3{
			-webkit-line-clamp: 3;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;    
		}
		.icon{
			float: right;
		}
	}
</style>
